<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我是网页标题</title>
</head>

<body>
    <!-- 相同点：都是属于元素的文字描述属性 -->
    <!-- 含义 -->
    <img src="./image/111.png" alt="我是图片加载失败显示的图片描述文本" title="我是鼠标悬停显示的图片描述文本">
    <br>
    <a href="http://www.baidu.com" title="我是移入显示">我是a标签</a>
    <!-- 浏览器中的表示 -->
    <!-- 在火狐浏览器和IE8浏览器中，当鼠标经过图片时title值会显示，而alt的值不会显示；只有在IE6浏览器中，当鼠标经过图片时title和alt的值都会显示 -->
</body>

</html>